html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; }

body{
    height: 100%;
    font-family:"Microsoft YaHei", "微软雅黑";
    background: #feffe9;
}

img{display: block;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol { list-style:none; }

a { color:#666; text-decoration:none; }

@font-face {font-family: 'shop';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome��firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome��firefox��opera��Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

/*sidebar*/

.sidebar{
    height: 100%;
    width: 35px;
    position: absolute;
    right: 0;
    top: 0;
    background: #000;
    color:#fff;
}

.sidebar .main{
    width: 35px;
    height: 360px;
    position: absolute;
    top:50%;
    right:0;
    margin-top: -180px;
}

.sidebar .rest{
    position: absolute;
    bottom: 1%;
    right: 0;
    height: 120px;
    width: 35px;
}

.sidebar .act{
    cursor: pointer;
    width: 35px;
}

.sidebar .act:hover{
    background: #c40000;
}

.sidebar .main .shopcar:hover .shop{
    color: #fff;
}

.shop{
    text-align: center;
    line-height: 35px;
    height: 35px;
    width: 35px;
    font-family:"shop" !important;
    font-size:18px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.shopcar .shop{
    color: #C40000;
}





















